<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./../base/bass.css">
    <link rel="stylesheet" href="./../base/animate/animated-border.min.css">
    <link rel="stylesheet" href="./../base/clock/clock.css">
    <link rel="stylesheet" href="./../base/loading/loading.css">
    <link rel="stylesheet" href="../base/icons/icon.css">
    <script src="./../base/loading/Loading.js"></script>
    <script src="./../base/utils/domUtils.js"></script>
    <script src="./../base/Slider/MouseSlider.js"></script>
    <script src="./../base/Slider/jquery.1.2.6.js"></script>
    <script src="./../base/Slider/jquery.jparallax.js"></script>
    <script src="./../base/LayoutSlider/LayoutSlider.js"></script>
    <script src="./../base/clock/ClockClass.js"></script>
    <script src="./../base/clock/moment.min.js"></script>
    <script src="./../base/card/Card.js"></script>
    <style>
    </style>
</head>
<body>

<div id="box" style="position:absolute;margin: 0 200px"></div>

</body>
<script>
    window.loading = new Loading();
    // window.loading.hide();
    window.layoutSlider = new LayoutSlider(window.loading);
    new MouseSlider(window.layoutSlider);
    ClockClass.apply(window.layoutSlider);
    DomUtils.OnResize();
    // let test = {
    //     addDom(dom,name,setting) {
    //         $("#box").append($(dom));
    //     }
    // }
    let cardInner = new Card(window.layoutSlider,200,'cardListInner');
    let cardOuttr = new Card(window.layoutSlider,200,'cardListOutter');
    // for (let i = 0;i < 9;i++) {
    //     cardInner.createCard();
    //     cardOuttr.createCard();
    // }
    window.layoutSlider.fetchPages();
</script>
</html>
